@charset "utf-8";
@import "comm/reset";
@function r($px){
    @return $px/100+rem;
}
section{
    position: absolute;
    top: r(89);
    width: 100%;
    overflow: auto;
    bottom: r(89);
    margin-bottom: r(20);
    .swiper-container{
        width: 100%;
        font-size: 0;
        height: r(357);
        .swiper-wrapper{
            .swiper-slide{
                position: relative;
                img{
                    width: 100%;
                }
                .swiper-ct{
                    padding: 0 r(30);
                    height: r(104);
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                    background: rgba(0,0,0,0.5);
                    h1{
                        width: r(588);
                        font-size: r(24);
                        color: #ffffff;
                        overflow: hidden;
                        display: inline-block;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        margin-top: r(24);
                        margin-bottom: r(10);
                    }
                    .pc1{
                        font-size: r(18);
                        color: white;
                        margin-right: r(49);
                        float: left;
                    }
                    span{
                        font-size: r(18);
                        color: white;
                        float: right;
                    }
                }
            }
        }
    }
.se-one{
        width: 100%;
        padding: 0 r(30);
        .se-one-ct{
            font-size: 0;
            margin-top: r(30);
            .se-left{
                width: r(324);
                height: r(118w);
                float: left;
                font-size: 0;
                p{
                    font-size: r(25);
                    color: #323232;
                    text-align: left;
                    font-weight: bold;
                    margin-bottom: r(11);
                }
                span{
                    font-size: r(18);
                    color: #c5c5c5;
                    margin-right: r(47);
                }
            }
            .se-rt{
                float: right;
                width: r(208);
                height: r(118);
                img{
                    width: 100%;
                }
            }
        }
        hr{
            font-size: 0;
            margin-top: r(18);
        }
         .se-one-ct2{
            font-size: 0;
            margin-top: r(16);
            .se-left{
                width: r(324);
                height: r(118w);
                float: left;
                font-size: 0;
                p{
                    font-size: r(25);
                    color: #323232;
                    text-align: left;
                    font-weight: bold;
                    margin-bottom: r(11);
                }
                span{
                    font-size: r(18);
                    color: #c5c5c5;
                    margin-right: r(47);
                }
            }
            .se-rt{
                float: right;
                width: r(208);
                height: r(118);
                img{
                    width: 100%;
                }
            }
        }
    }
    .two{
        width: 100%;
        margin-top: r(34);
        border: r(25) solid #f5f5f5;
        font-size: 0;
    }
    .line2{
        font-size: 0;
        width: 100%;
        margin-top: r(34);
        margin-bottom: r(19);
    }
    a{
        display: block;
        text-align: center;
        font-size: r(22);
        color: #bbbbbb;
    }
    .se-two{
        padding: 0 r(30);
        font-size: 0;
        margin-top: r(35);
        .se-two-tp{
            margin: 0 auto;
            h1{
                font-size: r(25);
                color: #323232;
            }
            .se-img{
                width: r(583);
                margin-top: r(20);
                .se-img1{
                    width: 32%;
                    height: r(124);
                    float:left;
                    img{
                        width: 100%;
                    }
                }.se-img2{
                    width: 32%;
                    height: r(124);
                    margin: 0 auto;
                    display:block;
                    img{
                        width: 100%;
                    }
                }
                .se-img3{
                    width: 32%;
                    height: r(124);
                    float: right;
                    img{
                        width: 100%;
                    }
                }
            }
        }
        .se-bt{
            font-size: 0;
            margin-top: r(11);
            .se-bt-img{
                display: inline-block;
                img{
                    width: r(27);
                    height: r(27);
                }
                i{
                    font-size: r(20);
                    color: #c5c5c5;
                    font-style: normal;
                }
            }
            .pc{
                font-size:r(16) ;
                color: #c5c5c5;
                margin: 0 r(21) 0 r(18);
            }
            p{
                display: inline-block;
                font-size: r(20);
                color: #c5c5c5;
                float: right;
            }
        }
    }
}
footer{
    .ft-bot{
        a:first-child span{
            color: #b60005;
        }
    }
}
